Navigating Modern Campus

How Should you Check In and Out Files?

It is recommended that users check the Dashboard when they are done editing to make sure that all content that is not being used is checked back in so that other editors can work on the files later. Files that are not checked back in will be locked and will not be editable by other users until they are checked back in. Some examples of when to keep content checked out are if publishing has been scheduled for a later time or if the file is incomplete and there is a need to prevent others from making changes. 

Where Can I Find The Yellow Lightbulb?
  • In the Page Actions Toolbar at the top of a page when you’re viewing it (section 3.2).
  • In the Page List View (section 3.1).
  • In the Dashboard’s my checked-out content (section 2.2).
  • The “My Checked Out” Content Gadget.
  • The Checked-Out Content Report (section 2.4). 

Uploading Images/Files

Why am I getting an error on my file name?

There are specific standards enforced for files created, uploaded or saved inside the Modern Campus CMS environment. Modern Campus only allows files (including images) to be named with: 

  • Lowercase letters
  • Numerals (0-9)
  • Hyphens (-)
  • Underscores (_)
  • Periods (.) 
Why doesn’t the picture show on the published page?
Images must be published to load on published pages. If a file is only uploaded to staging, it won’t exist on the production server (where published pages are). If images are not showing up on the page, double check if they are all published. 

Making and Editing Pages

Why can't I find a page's Paramaters or Versions?
Checking out content should be the first step in editing. Some menu items, parameters, settings and versions will not be available until the file is checked out. Files will automatically be checked out when you click an editable area, even if that was not intended. Because of this, it is also important to check in content when you are done with it so others can have access to them. 
What size should a Hero Image be?

In Modern Campus, only one image is uploaded for the hero banner. This means that it needs to work well across screen sizes and be optimized for the web. Some tips for getting the image right: 

  • In an offline editor (like Photoshop) crop the image to a 16:9 ratio. When cropping, pay attention to select the focus on the image on the “action,” such as a person’s face. This is important because otherwise the image may load with the focus cut off.
  • Resize the image (after it is 16:9) to be 1600px across. This will make sure that the image won’t need to be stretched out on large screens.
  • Compress the image when saving so it is less than 500KB, 300-350 is generally a good target. This is very important for page load times, which is a factor in search engine optimization. 
My Browser doesn’t support direct access to the clipboard in the WYSIWYG. What should I do?

It’s recommended that you use the keyboard shortcuts Ctrl/Cmd + C and Ctr/Cmd + V to copy 
and paste, respectively, rather than the icons on the toolbar, as some web browsers block copy 
and paste buttons from working. 

My WYSIWYG toolbar disappeared. What do I do?

Sometimes the WYSIWYG toolbar will disappear when you are scrolling down your page. You can either go back up to the stop and sometimes the WYSIWYG toolbar comes back or you can save and refresh your page to get your toolbar back.

I can't click the "edit" button on the component at the bottom of the page. How do I edit it?

When this happens you can always click on the component, arrow to the right until your curser is past the component, and hit enter a few times. Once you do that, the component should stop moving and you will be able to edit it. You can also add "<p>&nbsp;</p>" at the bottom of the code in the WYSIWYG code peak.

Modern Campus Migration

Why is your file hierarchy important?

Modern Campus generates URLs for files based on where they are in the file hierarchy. Files in the root (or home folder) on a site will have the URL domain.unt.edu/file-name.html. Each folder after that is added to the URL in the following format: domain.unt.edu/[folder-name]/file-name.html. 

This means that a file named “may-2023-commencement.pcf” that is in the story folder of the News website will have the production URL of: news.unt.edu/story/may-2023-commencement.html.

How do I do QA?

QA testing, or Quality Assurance testing,  is the process of checking all pages on your site after they come over from Drupal. Learn more about QA here.